<template>
  <div>
    <div class="bg">
      <div class="logo"></div>
      <div class="title">注册成功</div>
      <div class="footer-button">
        <van-button :loading="loading" type="info" @click="getDownloadUrl"
          ><svg
            t="1616656375581"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="1127"
          >
            <path
              d="M247.987001 693.495634c0 60.182684 54.235229 108.978017 109.493763 108.978017l0 108.978017c0 30.066783 25.167193 54.489008 55.258535 54.489008s55.258535-24.422226 55.258535-54.489008l0-107.764376 106.423845 0 0 107.764376c0 30.066783 25.167193 54.489008 55.258535 54.489008 30.088272 0 55.258535-24.422226 55.258535-54.489008L684.938748 802.472628c109.493763 0 109.493763-48.794309 109.493763-108.978017L794.432511 401.526933l-546.44551 0L247.987001 693.495634z"
              p-id="1128"
              fill="#ffffff"
            ></path>
            <path
              d="M893.181559 421.051615c-30.088272 0-54.746882 24.373107-54.746882 54.489008l0 217.955011c0 30.066783 24.658609 54.489008 54.746882 54.489008s54.746882-24.422226 54.746882-54.489008L947.928441 475.540623C947.928441 445.423699 923.269831 421.051615 893.181559 421.051615z"
              p-id="1129"
              fill="#ffffff"
            ></path>
            <path
              d="M130.818441 421.051615c-30.091342 0-54.746882 24.373107-54.746882 54.489008l0 217.955011c0 30.066783 24.65554 54.489008 54.746882 54.489008 30.091342 0 54.746882-24.422226 54.746882-54.489008L185.565323 475.540623C185.565323 445.423699 160.909783 421.051615 130.818441 421.051615z"
              p-id="1130"
              fill="#ffffff"
            ></path>
            <path
              d="M792.641725 333.424882c0-65.288982-34.605146-122.874515-86.371136-155.3563L706.270589 58.060347l-56.352449 0 0 96.650247c-6.640234-1.515516-13.412474-2.673899-20.298302-3.440355-0.373507-7.220449-9.442046-28.196179-29.65746-28.196179L437.597453 123.07406c-20.300348 0-27.402093 21.211091-27.619034 28.314883-5.279237 0.618077-10.487865 1.472538-15.623839 2.533706L394.35458 58.060347 338.002131 58.060347l0 117.779474c-53.780881 32.031531-90.01513 90.775446-90.01513 157.585061l0 11.364839 544.655747 0L792.642748 333.424882zM393.523655 259.799024l-54.6906 0 0-54.6906 54.6906 0L393.523655 259.799024zM704.608739 257.468956l-54.6906 0 0-54.373375 54.6906 0L704.608739 257.468956z"
              p-id="1131"
              fill="#ffffff"
            ></path>
          </svg>
          安卓手机下载</van-button
        >
        <van-button type="info"
        style="opacity: 0.3;"
          ><svg
            t="1616656498250"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="1902"
          >
            <path
              d="M781.152 517.547c1.35 140.502 129.231 187.259 130.72 187.907-1.162 3.216-20.492 66.642-67.481 132.167-40.604 56.626-82.659 112.933-149.023 114.093-65.292 1.165-86.199-36.882-160.801-36.882-74.562 0-97.891 35.723-159.597 38.048-63.984 2.329-112.789-61.102-153.729-117.497-83.732-115.399-147.627-326.037-61.751-468.213 42.612-70.649 118.847-115.307 201.509-116.514 62.918-1.073 122.337 40.467 160.71 40.467 38.513 0 110.649-49.921 186.511-42.612 31.716 1.26 120.898 12.201 178.13 92.025-4.563 2.839-106.41 59.285-105.201 177.010v0zM514.026 237.942c-7.358-53.414 20.211-108.929 51.695-143.808 35.161-39.259 94.487-68.457 143.481-70.32 6.287 54.393-16.716 109.020-50.667 148.37-34.043 39.216-89.836 69.81-144.507 65.758v0zM514.026 237.942z"
              p-id="1903"
              fill="#ffffff"
            ></path>
          </svg>
          苹果手机下载</van-button
        >
      </div>
    </div>
  </div>
</template>
<script>
import { h5UpdateApp } from "@/api/downloadApp";
import { Button } from "vant";
export default {
  components: {
    [Button.name]: Button,
  },
  data() {
    return {
      loading: false,
    };
  },
  methods: {
    getDownloadUrl() {
      var data = {
        incType: "android",
      };
      this.loading = true;
      h5UpdateApp(data).then((res) => {
        this.loading = false;
        window.location.href = res.data.resultData.bannerLink;
      });
    },
  },
};
</script>
<style lang="less" scoped>
.bg {
  padding: 97px 0 0 0;
  .logo {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background: url("./logo.png") no-repeat;
    background-size: 200px 200px;
  }
  .title {
    position: relative;
    margin-top: -33px;
    height: 33px;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: #00a1a8;
    line-height: 33px;
  }
  .footer-button {
    padding: 160px 34px 34px 34px;
    .van-button {
      margin-bottom: 19px;
      border: none;
      background: #00A1A8;
      border-radius: 46px;
      font-size: 16px;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: left;
      svg {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        width: 22px;
      }
    }
  }
}
</style>